<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>json字符串解析过程</title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div id="rtnData">返回数据:</div>
		<div id="itemPrice">商品价格:</div>
		<div id="itemId">商品编号:</div>
	</body>
	
	<script>
		/*json字符串,最终替换从京东商城返回某个商品信息*/
		/*先搞定json解析过程*/
		var jsonstr = '[{"p":"3999.00","op":"3999.00","cbf":"0","id":"J_100007851351","m":"4000.00"}]'
		/*把json字符串变成javascript对象*/
		var data = JSON.parse(jsonstr);
		
		/*回显获得的数据,把js对象转json字符串*/
		//var rtnData = $("#rtnData").text(jsonstr);      /*div.innerText*/
		$("#rtnData").text("返回数据:"+JSON.stringify(data));   /*把js对象转换json字符串*/
		
		/*价格颜色变红色:*/
		$("#itemPrice").html("商品价格: <font color=\"red\">"+ data[0].p+"</font>");  /*从data对象中解析出价格*/
		/*substring(2)截取字符串,从第三个字符开始到最后*/
		$("#itemId").text("商品编号: "+ data[0].id.substring(2));   /*从data对象中解析出编号*/
	</script>
</html>
